<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <h:outputStylesheet name="./css/newcss.css"/>
        <title>Facelets Template</title>
    </h:head>

    <h:body>

        <div id="page">
            <ui:insert name="page">
                
                  <div id ="inner"><img src="resources/images/evenemang.jpg" width="350" height="800" alt="Evenemang"/></div>
        <div id="wrapper">
            <div id="header">

                <div id="pic1"> <img src="resources/images/personal.JPG" width="300" height="226" alt="personal"/></div>

                <div id="pic2"><img id="skafferi" src="resources/images/skafferi.png" width="400" height="226"  alt="skafferi"/></div> 


                <div id="pic3"><img src="resources/images/beer.jpeg" width="300" height="226" alt="beer"/></div>

            </div><div id ="after"></div>
            <div id="menu">
                <ul>
                    <li id="menu"><a href="#">Boka</a></li>
                        
                    <li id="menu"><a href="#">Hem</a>

                    </li><!--end of list element-->
                    <li id="menu"><a href="#">Lunch</a>


                    </li><!--end of list element-->

                    <li id="menu"><a href="#">Middag</a>


                    </li><!--end of list element-->
                    <li id="menu"><a href="#">evenemang</a>



                    </li><!--end of list element-->
                    <li id="menu"><a href="#">kontakt</a>


                    </li><!--end of list element-->
                </ul> <!--end of un order list-->

            </div> <!--end of main menu-->

            <div id = "content"> 
                <ui:insert name="content">
                    
                    content Goes her =)
                    
                    
                    
                    
                    
                    
                    
                </ui:insert>
               </div> 
        </div>
            </ui:insert>
        </div>
               
    </h:body>

</html>
